
<div class="container">
  <div class="rotating-screens-container">
    <!-- <up-rotating-screens [containerWidth]="800" [containerHeight]="600"></up-rotating-screens> -->
  </div>
  <div class="login-wrap">
    <div class="title-wrap">
      <!--<img class="login-logo" src="assets/images/logo.png">-->
      <!--<span class="login-title">{{loginTitle}}</span>-->
    </div>
    <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
      <p>{{ loginTitle }}</p>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入用户名!">
          <nz-input-group nzPrefixIcon="user">
            <input type="text" nz-input formControlName="userName" placeholder="用户名" />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入密码!">
          <nz-input-group nzPrefixIcon="lock" [nzSuffix]="suffixTemplate">
            <input [type]="hidePwd ? 'password' : 'text'" nz-input formControlName="password"
              placeholder="密码" />
          </nz-input-group>
        </nz-form-control>
        <ng-template #suffixTemplate>
          <i nz-icon [nzType]="hidePwd ? 'eye-invisible' : 'eye'"
            (click)="hidePwd = !hidePwd"></i>
        </ng-template>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control>
          <!-- <label nz-checkbox formControlName="remember">
            <span>记住用户</span>
          </label> -->
          <button nz-button class="login-form-button" [nzType]="'primary'" [disabled]="!validateForm.valid">登录</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </div>
  <div class="footer">
    *生产演示系统，待测试部署
  </div>
</div>
